body,div,li,ul{
    margin:0;
    padding:0;
}
body{
    font-size: 14px;
    font-family: Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-weight: 550;
    color: #636b6f;
}
li{
    list-style: none;
}
#app{
    width:100%;
    background-color: #f0f2f5;
    min-height: 100vh;
}



.content{
    width: 1200px;
    margin: 0 auto  !important;
    display: flex;
    .left-segment{
        width: 900px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .sidebar{
        width: 300px;
        padding:0 20px;
    }
}

@media screen and (max-width: 1200px) {
    .content {
        width: 933px;
    }
}

@media screen and (max-width: 933px) {
    .content {
        width: 100%;
    }
    .content .sidebar{
        display: none;
    }
}